<template>
    <div
      class="mobile-index"
      :style="{
        width: mobileObj.vHeight + 'px',
        height: mobileObj.vWidth + 'px',
        left: mobileObj.vWidth + 'px',
      }"
    >
      <div class="touch-"></div>
      <div class="container">
        <div
          class="parent-box"
          :style="{
            height: mobileObj.boxHeight + 'px',
            width: mobileObj.boxWidth + 'px',
          }"
        >
          <construction-project
            :widthCol="24"
            class="enterprise"
            :style="{
              width: mobileObj.boxWidth + 'px',
            }"
          />
        </div>
      </div>
    </div>
  
</template>

<script>
import { getTypeMobile, getClientHeight } from "@/utils/common";

import ConstructionProject from "../components/construction-project.vue";
export default {
  components: {
    ConstructionProject,
  },
  data() {
    return {
      // vHeight: 0,
      // vWidth: 0,
      isIos: "",
      mobileObj: {},
    };
  },
  watch: {},
  methods: {
    getmobileTypes() {
      if (this.$dd.env.platform !== "notInDingTalk") {
        //进行钉钉登录操作
        this.$dd.ready(() => {
          this.$dd.biz.navigation.setTitle({
            title: "数据展示系统（5/5）",
          });
        });
      }
    },
  },
  created() {},
  activated() {
    this.getmobileTypes();
  },
  mounted() {
    this.mobileObj = getClientHeight();
    this.isIos = getTypeMobile();
  },
};
</script>
<style lang='scss' scoped>

</style>